var nav = document.querySelectorAll('.nav > li');
var main = document.querySelectorAll(".main > div");
for(var i = 0;i<nav.length;i++){
	// 在事件内调用不了i，所有把i赋值给nav，再在nav中直接调用this.index
	nav[i].index = i;
	// nav[i].addEventListener('click',function(){
	// 	for(var k = 0;k<nav.length;k++){
	// 		nav[k].classList.remove('active');
	// 		main[k].classList.remove('active');
	// 	}
	// 	this.classList.add('active');
	// 	 main[this.index].classList.add('active');
	// })
	nav[i].onmouseover = function(){
		for(var k = 0;k<nav.length;k++){
			nav[k].classList.remove('active');
			main[k].classList.remove('active');
		}
		this.classList.add('active');
		 main[this.index].classList.add('active');
	}
}